/**
  * main.css
  *
  * CSCD494 - Retral, Winter 2009
  * Advancement Exam Program
  *
  */
    
html, body {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	/*background-color:rgb(55,53,61);*/ /* Grey background */
	background-color:rgb(30,60,90); /* Blue background */
	margin-top:0px;	
}

div#page-container {
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #113355;
	border-top:solid 3px black;
	border-bottom:solid 1px #7799AA;
	width:779px;
}
div#banner-top {
	background-image:url(../images/ape-banner-top.jpg);
	background-repeat:no-repeat;
	
	width:779px;
	height:92px;
}

#menu-bar {
	background-image:url(../images/nav-normal.jpg);
	background-repeat:repeat-x;
	
	width:774px;
	height:36px;
	padding-left:5px;
}

.menu-button {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	margin: 0px 2px 0px 2px;
	padding: 0px 10px 0px 10px;

	text-transform:uppercase; /*make menu items all-caps*/
	letter-spacing:1px;
	font-size:10px;

	height:33px;
	line-height:1.1em;
	color:#dedede;	
	text-decoration:none;
}

.menu-button:hover {
	background-image:url(../images/nav-highlight.jpg);
	background-repeat:repeat-x;
}

.nav-divider {
	display:inline-block;
	vertical-align:middle;
	width:3px;
	height:35px;
	background-image:url(../images/nav-divider.jpg);
}

div#body-container {
	width:779px; 
	vertical-align:top;
}

div#body-left {
	width:149px;
	display:inline-block;
	padding: 10px 0px 10px 10px;
	vertical-align:top;
}

div#body-main {
	font-size:14px;
	display:inline-block;
	background-image:url(../images/title-shadow.jpg);
	background-repeat:repeat-x;
	/*width:606px;*/ /* only if using body-left sidebar */
	width:769px;
	vertical-align:top;
	padding: 10px 0px 10px 10px;
	background-color:white;
	color:#515151;
	min-height:512px
}

.title-text {
	font-family: Helvetica,Arial,sans-serif;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:lighter;	
	color:rgb(218,218,218);
}

.header-text {
	display:block;
	font-family:Tahoma,sans-serif;
	font-size:18px;
	text-transform:uppercase;
	letter-spacing:3px;

	text-align:right;
	padding-top:5px;
	padding-right:15px;
	height:34px;
	/*width:590px;*/
	color:rgb(170,170,180);	
}

.red-button li
{
	list-style:none;
	font-size:13px;
	letter-spacing:1px;
	color:#565656;
	
	background-image: url(../images/red-dot.jpg);
	background-repeat: no-repeat;
	background-position:0.5em;	
	padding-left:30px;
	line-height:1.5em;
}

.red-arrow li
{
	list-style:none;
	font-size:10px;
	text-transform:uppercase;

	letter-spacing:1.5px;
	color: #c1c1c1;
	
	background-image: url(../images/arrow-red.jpg);
	background-repeat: no-repeat;
	background-position:0.3em;	
	padding-left:20px;
	line-height:2em;
	margin-left:0px;
}

.red-arrow li a:link, a:visited { color:#c1c1c1; text-decoration:none; }
.red-arrow li a:hover { color:#dedede; }

a:link, a:visited { text-decoration:none;}

a:visited {
	color:#2275ff;
}

.link {
	color:#336699;
	cursor:pointer;
}

td.align-top { vertical-align:top;}

.button
{
	background-image:url(../images/button-bg.jpg);
	background-repeat:repeat-x;
	font-size:12pt;
	width:103px;
	height:30px;
	color:gray;
	border: none;
	margin-right:5px;
	padding-bottom:5px;
	display:inline;
	
}
.center
{
    margin-left: auto;
    margin-right: auto;

}

.button:hover  { background-image:url(../images/button-bg-blue.jpg); }

/* does not validate, but works */
input.button-generate:hover { cursor:hand; }

/* copyright text */
.copyright-text {
	font-size:9px;
	letter-spacing:2px;
	text-transform:uppercase;
	padding-top:5px;
	color:#efefef;
	text-align:center;
	
	/* Redundant for IE quirks mode */
	margin-left:auto;
	margin-right:auto;
	
	
}
